import 'package:flutter/material.dart';
// 1、基础知识点:无状态Widge、Image Widget使用、图标与按钮的使用
void main() => runApp(MaterialApp(
  home: Home(),
));


// 封装自定义无状态Widget Home(保存后会自动热重载)
class Home extends StatelessWidget {
  // 重写无状态Widget build
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          // 标题
          "我是标题",
          // 文字颜色
          style: TextStyle(
            color: Colors.white,
          ),
        ),
        centerTitle: true,
        // 颜色
        backgroundColor: Colors.blue[200],
      ),
      body: Center(
        // Image Widget使用:1、在yaml中配置 2、使用Image
        // 第一种使用方式:
        // child: Image.asset('assets/images/2.png'),
        // child: Image.network('https://luckycola.com.cn/public/imgs/luckycola_Imghub_forever_asV1dkrO1681813806976596.jpeg'),
        // 第二种使用方式:
        // child: Image(
        //   // image: NetworkImage('https://luckycola.com.cn/public/imgs/luckycola_Imghub_forever_asV1dkrO1681813806976596.jpeg'),
        //   image: const AssetImage('assets/images/2.png'),
        // ),


        // 图标与按钮的使用
        // IconButton
        // child: IconButton(
        //   icon: const Icon(Icons.call),
        //   color: Colors.amber,
        //   iconSize: 50.0,
        //   tooltip: 'call me',
        //   onPressed: (){
        //     print('call me');
        //   },
        // ),

        // // FloatingActionButton
        // child: FloatingActionButton(
        //   child: const Icon(Icons.call),
        //   backgroundColor: Colors.blue[200],
        //   onPressed: (){},
        // ),

        // Icon
        child: Icon(
          Icons.call,
          color: Colors.amber,
          size: 100.0,
          semanticLabel: 'call me',
          shadows: const <Shadow>[
            Shadow(
              color: Colors.grey,
              offset: Offset(5.0, 5.0),
              blurRadius: 20.0,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.add),
        backgroundColor: Colors.blue[200],
        onPressed: (){},
      ),
    );
  }
}